@extends('layouts.header')
@section('content')
<nav class="breadcrumb">
    <i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 检测业务 <span class="c-gray en">&gt;</span> 审核报告
    <a class="btn btn-primary radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>
<div class="page-container">
    <div class="cl mb-10 bg-1 bk-gray">
        <span class="c-red">注意：审批完成后的批次不可见</span>
    </div>
	<table class="table table-border table-bordered table-hover table-bg table-responsive" id="datatable">
		<thead>
			{{-- <tr>
				<th scope="col" colspan="6">合同管理</th>
			</tr> --}}
			<tr class="text-c">
				<th>批次编号</th>
				<th>客户名称</th>
				<th>受理人</th>
				<th>受理时间</th>
				<th>完成期限</th>
				<th>批次状态</th>
				<th>样品总量</th>
				<th>操作</th>
			</tr>
        </thead>
        <tbody>
			@foreach ($data as $val)
				<tr class="text-c">
					<td>{{ $val->batchNum }}</td>
					<td>{{ $val->client_name }}</td>
					<td>{{ $val->creator }}</td>
					<td>{{ $val->created_at }}</td>
					<td>{{ $val->deadline ? $val->deadline : '/' }}</td>
                    <td>
						<span class="badge badge-{{$dbStat['status_badge'][$val->status]}} radius">{{$dbStat['status'][$val->status]}}</span>
                    </td>
					<td>{{ $val->sum_count }}</td>
                    <td class="text-l">
                        <a class="ml-5 btn btn-primary-outline radius size-MINI" href="javascript:;" onclick="jump_page('/{{config('constant.name_admin')}}/sampleInfo/indexCheck',{{ $val->id }},{{ $val->status }})">点击进入</a>
                        @if ($val->status==13 || $val->pi_back_count > 0)
                            <a class="ml-5 btn btn-danger-outline radius size-MINI" href="javascript:;" onclick="show_baklog({{ $val->id }})">驳回记录</a>
                        @endif
                    </td>
				</tr>
			@endforeach

		</tbody>
	</table>
	<div class="f-r mt-10"><input class="input-text" type="text" value="" placeholder="指定页码" id="jumpPage"/></div>
</div>

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript">
    $.fn.dataTable.ext.errMode = 'throw';//datatable抛异常的方式，在console中输出，默认以alert的方式弹出
    table = $('#datatable').DataTable({
        order: [[ 0, 'desc' ]],//默认第几个排序
        // ordering: false, // 是否排序
        "pageLength": 10,
        // "dom": '<"toolbar f-l pb-15">frtip',
        // "lengthChange": false,
        // "stateSave": true,// 状态保存 - 再次加载页面时还原表格状态
        // "stateDuration": -1,//仅保留当前会话的数据
        // "paging":false, //禁用分页
        serverSide: false,//服务器端处理模式——此模式下如：过滤、分页、排序的处理都放在服务器端进行。
        // responsive: true,//响应式，需要插件
        // fixedHeader: true,//表头固定，需要插件
        // autoWidth: false,
        ajax: "",
        processing : true,//加载数据时候是否显示进度条
        language: { url: '/admin/lib/datatables/dataTables_Chinese_Lang.json' }
    });

/* 跳转页面 */
function jump_page(url,id,status){
	location.href = url + '?id=' + id + '&status=' + status;
}
/*查看驳回原因*/
function show_baklog(id) {
    let url = '/{{config('constant.name_admin')}}/sampleinfo/rejectLog/1/'+id;
    layer_show('驳回原因',url,500,400);
}

</script>
@endsection